<template>
            <div class="content-wrap">
                <div class="title">
                <van-icon name="arrow-left" size="2rem" @click="back" />
                <span>会员码</span>      
            </div>
            <div class="content">
                <div class="img-wrap">
                    <img src="../assets/logo.png" alt="">
                    <img src="../assets/logo.png" alt="">
                    <img src="../assets/logo.png" alt="">
                </div>
            </div>
            </div>
</template>

<script>
    window.onload = window.onresize = function () {
        document.documentElement.style.fontSize = 20 * document.documentElement.clientWidth / 750 + 'px';
    }
    export default{
        name:'VipCode',
        methods:{
            back(){
                this.$router.back();
            }
        }
    }

    import Vue from 'vue';
    import { Icon } from 'vant';

    Vue.use(Icon);
</script>

<style lang='less'>
    .content-wrap{
        font-size: 1.25rem;

        .title{
            text-align: left;
            padding:0 1.25rem;
            height:3.75rem;
            line-height:3.75rem;
            background: #ffffff;
            display: flex;
            align-items: center;
            font-weight:600;

            span{
            margin-left:1.5rem;
            font-size:1.5rem;
            }
        }

        .content{
            height: 60rem;
            padding: 4rem 2rem 0;
            background: #c93332;

            .img-wrap{
                height: 53.75rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                background: white;
                border-radius: 3%;

                & img:nth-of-type(1){
                    width: 5rem;
                    height: 5rem;
                    margin-right:25.75rem ;
                    margin-top:1.5rem;
                }

                & img:nth-of-type(2){
                    width: 29rem;
                    height: 8.75rem;
                    margin-top:7.5rem
                }

                & img:nth-of-type(3){
                    margin-top:2.5rem;
                    width: 19.5rem;
                    height: 19.75rem;
                }
            }

        }
    }
</style>